import Vue from 'vue'
// 1. 引入安装好的路由
import VueRouter from 'vue-router'
import Home from '@/11-路由/Home.vue'
import About from '@/11-路由/About.vue'
import NotFoundPage from '@/11-路由/404.vue'

// 2. 注册路由
Vue.use(VueRouter)

// 3. 实例化路由对象
// route 规则
// router 路由
export default new VueRouter({
  // 4. 配置路由规则
  routes: [
    {
      path: '/',
      // 路由重定向
      redirect: '/home'
    },
    {
      // 设置hash路径
      path: '/home',
      // 设置对应组件
      component: Home
    },
    {
      // 设置hash路径
      path: '/about',
      component: About
    },
    {
      path: '*',
      component: NotFoundPage
    }
  ],
  // 设置高亮的样式名称
  linkActiveClass: 'active'
})
